<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>个人中心</title>
   <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
   <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
   <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
   <script type="text/javascript">
   	$(function(){
   		$("#divuse").hide();
   		$("#buy").click();
   		$("#buy").click(function(){
   			$("#divbuy").show();
   			$("#divuse").hide();
  	});
   		$("#use").click(function(){
   			$("#divuse").show();
   			$("#divbuy").hide();
  	});
   });
   </script>
</head>
<body>
<div class="container">
		<div class="panel panel-default">
			<a href="5.html" class="list-group-item">
				<img class="img-circle" src="img\1.png" alt="头像图片" title="头像" style="width:15%"/>
					&nbsp;Silly
					<div style="padding-top: 5%;width:10%;float:right"><span class="glyphicon glyphicon-chevron-right"></span></div>				
			</a>
			<span class="list-group-item clearfix">服务类型
				<div class="btn-group pull-right " data-toggle="buttons"> 
	<label id="buy" class="btn btn-default">
		<input type="radio" name="options" id="option1" checked="true">买车
	</label>
	<label id="use" class="btn btn-default">
		<input type="radio" name="options" id="option2">用车
	</label>
</div>
			</span>
 </div>
   	<div id="divbuy" style="width:100;height:100%">
		<div class="panel panel-default">
				<a href="5.html" class="list-group-item">
					<span class="glyphicon glyphicon-user" style="color: rgb(0, 80, 255); font-size: 18px;"></span>
				&nbsp;我的服务顾问</span>
				<div style="width:10%;float:right"><span class="glyphicon glyphicon-chevron-right"></span></div>
				</a>
				<a href="5.html" class="list-group-item">
				<span class="glyphicon glyphicon-earphone">&nbsp;我的购车询价</span>
				<div style="width:10%;float:right"><span class="glyphicon glyphicon-chevron-right"></span></div>
				</a>
				<a href="5.html" class="list-group-item">
				<span class="glyphicon glyphicon-phone-alt">&nbsp;我的试驾预约</span>
				<div style="width:10%;float:right"><span class="glyphicon glyphicon-chevron-right"></span></div>
				</a>
				<a href="5.html" class="list-group-item">
				<span class="glyphicon glyphicon-bell">&nbsp;我的信息</span>
				<div style="width:10%;float:right"><span class="glyphicon glyphicon-chevron-right"></span></div>
				</a>
	</div>
   </div>
   	<div id="divuse" style="width:100;height:100%">
		<div class="panel panel-default">
				<a href="5.html" class="list-group-item">
				<span class="glyphicon glyphicon-user" style="color: rgb(0, 80, 255); font-size: 18px;"></span>
				&nbsp;我的服务顾问</span>
				<div style="width:10%;float:right"><span class="glyphicon glyphicon-chevron-right"></span></div>
				</a>
				<a href="5.html" class="list-group-item">
				<span class="glyphicon glyphicon-wrench">&nbsp;我的养修预约</span>
				<div style="width:10%;float:right"><span class="glyphicon glyphicon-chevron-right"></span></div>
				</a>
				<a href="5.html" class="list-group-item">
				<span class="glyphicon glyphicon-flag">&nbsp;我的救援记录</span>
				<div style="width:10%;float:right"><span class="glyphicon glyphicon-chevron-right"></span></div>
				</a>
				<a href="5.html" class="list-group-item">
				<span class="glyphicon glyphicon-bell">&nbsp;我的消息</span>
				<div style="width:10%;float:right"><span class="glyphicon glyphicon-chevron-right"></span></div>
				</a>
	</div>
   </div>
</div>
</body>
</html>
